<style>
    .ngdialog.ngdialog-theme-default .ngdialog-content{
        width:60%!important;
    }
    .title{
        font-size:14px;
        background-color:#F0F0F0;
        margin-top:10px;
    }
    .select-list{
        background-color:#ffffff;
        margin-top:10px;
    }
    .btn-select{
        margin:5px 5px 5px 5px;
        background-color: #ffffff;
        border:solid 1px #7c7c7c;
    }
    .btn-list-active{
        background-color:#5dc2f1;
    }
</style>
<div id="filterContact" class="ngdialog ngdialog-theme-default ng-scope" role="alertdialog">
    <div class="ngdialog-overlay">
    </div>
    <div class="ngdialog-content" role="document">
        <div class="row title">性别</div>
        <div class="select-list row">
            <button class="{{returnContactFilter(1,item.value)?'btn btn-select btn-list-active':'btn btn-select'}}" ng-repeat="item in genderList" ng-click="changeContactFilter(1,item.value)">{{item.name}}</button>
        </div>
        <div class="row title">重要程度</div>
        <div class="select-list row">
            <button class="{{returnContactFilter(2,item.value)?'btn btn-select btn-list-active':'btn btn-select'}}" ng-repeat="item in importanceToMeList" ng-click="changeContactFilter(2,item.value)">{{item.name}}</button>
        </div>
        <div class="row title">友好程度</div>
        <div class="select-list row">
            <button class="{{returnContactFilter(3 ,item.value)?'btn btn-select btn-list-active':'btn btn-select'}}" ng-repeat="item in friendshipToMeList" ng-click="changeContactFilter(3,item.value)">{{item.name}}</button>
        </div>
        <div class="row title">业务关系</div>
        <div class="select-list row">
            <button class="{{returnContactFilter(4,item.value)?'btn btn-select btn-list-active':'btn btn-select'}}" ng-repeat="item in businessConnectionList" ng-click="changeContactFilter(4,item.value)">{{item.name}}</button>
        </div>
        <div class="row title">职务等级</div>
        <div class="select-list row">
            <button class="{{returnContactFilter(5,item.value)?'btn btn-select btn-list-active':'btn btn-select'}}" ng-repeat="item in levelList" ng-click="changeContactFilter(5,item.value)">{{item.name}}</button>
        </div>
        <div class="row title">地域</div>
        <div class="select-list row">
            <city-four-select province="contactFilter.address.province" city="contactFilter.address.city"
                              district="contactFilter.address.district" street="contactFilter.address.street"></city-four-select>
        </div>
        <div class="row center">
            <button class="btn btn-danger" ng-click="resetContactFilter()">重置</button>
            <button class="btn btn-success" ng-click="saveContactFilter()">确定</button>
        </div>
    </div>
</div>